/**
* Copyright (c) 2022 - present TinyVue Authors.
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
*
* Use of this source code is governed by an MIT-style license.
*
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
*
*/

.component-css-vars-steps() {
  --ti-mobile-steps-timeline-date-time-text-color: var(--ti-mobile-common-color-text-primary, #191919);
  --ti-mobile-steps-advanced-line-height: 28px;
  --ti-mobile-steps-advanced-li-bg-color: var(--ti-mobile-common-bg-color-white, #fff);
  --ti-mobile-steps-advanced-active-bg-color: var(--ti-mobile-color-bg-primary-default, #191919);
  --ti-mobile-steps-advanced-li-text-color: var(--ti-mobile-common-color-text-white, #fff);
  --ti-mobile-steps-line-bg-color: var(--ti-mobile-common-bg-color-weaken, #dbdbdb);
  --ti-mobile-steps-icon-size: 20px;
  --ti-mobile-steps-icon-bg-color: var(--ti-mobile-common-bg-color-white, #fff);
  --ti-mobile-steps-unselected-text-color: var(--ti-mobile-color-text-placeholder, #808080);
  --ti-mobile-steps-font-size-base: 12px;
  --ti-mobile-steps-done-text-color: var(--ti-mobile-color-text-primary, #191919);
  --ti-mobile-steps-done-icon-bg-color: var(--ti-mobile-common-bg-color-white, #fff);
  --ti-mobile-steps-done-icon-fill-color: var(--ti-mobile-color-bg-primary-default, #191919);
  --ti-mobile-steps-done-active-border-color: var(--ti-mobile-color-bg-primary-default, #191919);
  --ti-mobile-steps-line-active-bg-color: var(--ti-mobile-color-bg-primary-default, #191919);
  --ti-mobile-steps-line-height: 1px;
  --ti-mobile-steps-timeline-name-font-size: 14px;
  --ti-mobile-steps-timeline-bg-color-normal: var(--ti-mobile-common-status-bg-color-normal, #fff);
  --ti-mobile-steps-timeline-bg-color-success: var(--ti-mobile-common-status-bg-color-success, #5bd475);
  --ti-mobile-steps-timeline-bg-color-error: var(--ti-mobile-common-status-bg-color-error, #eb5454);
  --ti-mobile-steps-timeline-bg-color-handing: var(--ti-mobile-common-status-bg-color-handing, #4a79fe);
  --ti-mobile-steps-arrow-btn-border-color: var(--ti-mobile-common-color-text-weaken-dark, #999);
}
